<template>
        <div class="search">
            <span class="iconfont icon-41"></span>
            <input type="text" placeholder="休闲服装">
            <span class="iconfont icon-zhaoxiangji
"></span>
        </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.search{
        width:4rem;
        height: 0.44rem;
        border-radius: 0.05rem;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }
    .search input{
        width:100%;
        height: 100%;
        font-size: 0.17rem;
        border: none;
        outline: none;
        background-color: #ededed;
        text-indent: 1.66rem;
    }
        ::placeholder{
        color:#b1b1b1;
        font-size: 0.17rem;
    }
    .icon-41{
        position: absolute;
        top:0.09rem;
        left:1.4rem;
        font-size: 0.2rem;
    }
    .icon-zhaoxiangji{
        position: absolute;
        right: 0.08rem;
        top:0.12rem;
        font-size: 0.22rem;
    }
</style>